Component({
	/**
	 * 组件的属性列表
	 */
	properties: {
		homeSearchisShow: { // 传给父组件 决定在home页的搜索框是否出现
			type: Boolean,
			value: false
		},
		homePlaceholder: { // 传给父组件 决定home页面placeholder的内容
			type: String,
			value: '请输入搜索内容'
		},
		mapSearchisShow: { // 传给父组件 决定在map页的搜索框是否出现
			type: Boolean,
			value: false
		},
		mapPlaceholder: {// 传给父组件 决定map页面placeholder的内容
			type: String,
			value: '请输入搜索内容'
		},
		commentSearchisShow: { 
			type: Boolean,
			value: false
		},
		commentPlaceholder: {
			type: String,
			value: '请输入搜索内容'
		},
		cityName: {// 传给父组件 用于修改城市名称
			type: String,
			value: '北京'
		}
	},
	options: {
		// 添加styleIsolation 可以共享全局的iconfont样式 另外还有几种处理方法
		styleIsolation: 'apply-shared'
	},
	/**
	 * 组件的初始数据
	 */
	data: {
		isInputValue: false, // 搜索框里面是否有内容 控制删除icon的显示
		inputKeyword: '', 
	},
	/**
	 * 组件的方法列表
	 */
	methods: {
		scancode() {
			// console.log(1)
			wx.scanCode({ // 调用扫一扫API
				success(res) {
					//console.log('111',res)
					wx.showModal({
						title: '提示',
						content: '扫描成功,但是微信小程序暂不支持个人类型小程序开启此功能',
						success(res) {
							if (res.confirm) {
								// console.log('用户点击确定')
							} else if (res.cancel) {
								// console.log('用户点击取消')
							}
						}
					})
				},
				fail (err) {
					// console.log(err)
					wx.showModal({
						title: '提示',
						content: '未发现二维码',
						success(res) {
							if (res.confirm) {
								// console.log('用户点击确定')
							} else if (res.cancel) {
								// console.log('用户点击取消')
							}
						}
					})
				}
			})
		},
		goToMappage() { // 跳转到map页面
			wx.navigateTo({
				url: '/pages/mappage/mappage'
			})
		},
		onInput(e) {
			this.inputKeyword = e.detail.value // 获取搜索框的内容
			// console.log('components', this.mapKeyword)
			if (!this.inputKeyword) { // 没有内容就不显示删除icon 
				this.setData({
					isInputValue: false
				})
			} else { // 如果输入了 有内容 就显示删除icon
				this.setData({
					isInputValue: true
				})
			}
			// 将输入的内容信息 传递给mappage(父组件)
			this.triggerEvent('searchKeywords', this.inputKeyword)
		},
		homeSearch () {
			this.triggerEvent('homeSearch')
		},
		onSearch (e) {
			// console.log(this.inputKeyword)
			this.triggerEvent('onSearch', {
				inputKeyword: this.inputKeyword
			})
		},
		clearSearch() { // 点击icon清除搜索框中的内容
			this.setData({ 
				inputKeyword: '',
				isInputValue: false
			})
			// 组件中需要这样赋值 setData行不通
			this.inputKeyword = ''
			this.triggerEvent('clearSearch')
			// console.log('components',this.data.isInputValue)
			// console.log('components',this.data.mapKeyword)
		},
		onCancel () { // 点击取消触发的事件
			this.setData({
				inputKeyword: '',
				isInputValue: false
			})
			this.inputKeyword = ''
			this.triggerEvent('onCancel') // trigger到父组件
		}
	}
})
